<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/layui.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/view.css}"/>
    <link rel="icon" href="/favicon.ico">
    <title>管理后台-相册管理</title>
    <style>
        .layui-upload-list dd {
            position: relative;
            margin: 0 10px 10px 0;
            float: left
        }

        .layui-upload-list li {
            position: relative;
            margin: 20px 27px 10px 0;
            float: left;
            width: 15%;
            min-width: 272px;
            left:15px;
        }

        .layui-upload-list .operation {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
        }

        .layui-upload-list .operation i {
            cursor: pointer;
            background: #2F4056;
            padding: 2px;
            line-height: 15px;
            text-align: center;
            color: #fff;
            float: left;
            filter: alpha(opacity=80);
            -moz-opacity: .8;
            -khtml-opacity: .8;
            opacity: .8
        }

    </style>
</head>
<body class="layui-view-body">
    <div class="layui-content">
        <div class="layui-row">
            <div class="layui-card">
                <div class="layui-row">
                    <ul class="layui-upload-list">
                        <li th:each="film:${filmList}">
                            <div class="layui-card img-card">
                                <div class="layui-card-body">
                                    <div class="img-box">
                                        <a th:href="@{/a/album/albumView(id=${film.id})}">
                                            <img th:src="@{'/article/' + ${film.filmpic}}" th:width="240px" th:height="180px">
                                        </a>
                                    </div>
                                    <form action="#" method="post" class="layui-form layui-form-pane mtop10">
                                        <input name="houseId" type="hidden" value="#(houseId)">
                                        <input name="id" type="hidden" value="#(d.id)">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">名称</label>
                                            <div class="layui-input-block">
                                                <input name="name" type="text" class="layui-input" th:readonly="readonly" th:value="${film.filmname}">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script th:src="@{/assets/layui.all.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
    <script th:inline="javascript">
        /*<![CDATA[*/
        var contextPath = [[${#request.getContextPath()}]]; //获取当前应用路径
        var filmId = [[${film.id}]];
        /*]]>*/
    </script>
</body>
</html>